
import React, {
    Component,
} from 'react';
import {
    StyleSheet,
    Dimensions,
    Text,
    View,
    TouchableOpacity,
    ImageBackground,
    Image,
    Platform,
    TextInput
} from 'react-native';
import { getImgUrl } from '../../../utils/ComFunction'
import AsyncImage from '../../../components/image/AsyncImage';

const screenW = Dimensions.get('window').width;



export default class MerchantAuthInfo extends Component {

    constructor(props) {
        super(props);
        this.state = {

        }
    };

    componentDidMount() {

    }


    render() {
        return (
            <View style={styles.container}>
                <Text style={styles.titleText}>认证信息</Text>
                <Text style={styles.subTitleText}>门店照片</Text>
                <AsyncImage style={styles.storeImg} source={{uri: getImgUrl(this.props.storePic)}} defaultSource={require('source/image/icon_car_default.png')}/>

                <Text style={styles.subTitleText}>营业执照</Text>
                <AsyncImage style={styles.storeImg} source={{uri: getImgUrl(this.props.licensePic)}} defaultSource={require('source/image/icon_car_default.png')}/>

            </View>
        )
    }

}

const styles = StyleSheet.create({
    container: {
        borderTopColor: '#e4e4e4',
        borderTopWidth: 0.3,
        borderBottomColor: '#e4e4e4',
        borderBottomWidth: 0.3,
        width: '100%',
        paddingHorizontal: 16,
        paddingTop: 20,
        backgroundColor: '#fff'
    },
    titleText: {
        marginBottom: 15,
        fontSize: 16,
        color: '#333',
        fontWeight: '500'
    },
    subTitleText: {
        fontSize: 14,
        color: '#999',
        marginBottom: 15,
    },
    storeImg: {
        borderRadius: 6,
        width: '100%',
        height: screenW*0.62,
        marginBottom: 15,
    },

})